<template>
  <div class="about">
    <h1>This is an about page</h1>
    <modify-emit :value="message" @modify="updateMsg" :update="callback"></modify-emit>
  </div>
</template>

<script>
import ModifyEmit from '@/components/ModifyEmit.vue'

export default {
  name: 'About',
  data () {
    return {
      message: 'vm.$emit( eventName, […args] )'
    }
  },
  components: {
    ModifyEmit
  },
  methods: {
    updateMsg (message) {
      this.message = message
    },
    callback (message) {
      this.message = message
    }
  }
}
</script>
